<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="css/style.css" />
<link rel="stylesheet" type="text/css" href="engine1/style.css" media="screen" />
<!--[if IE ]>
<link rel="stylesheet" href="css/ie.css" type="text/css" />
<![endif]-->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script src="js/jquery.bxSlider.min.js" type="text/javascript"></script>
<script type="text/javascript" src="js/script.js" ></script>
<!--[if IE 6]>
<script src="js/DD_belatedPNG.js"></script>
<script type="text/javascript">
DD_belatedPNG.fix('img,form,input,textarea,a');
</script>
<![endif]-->

<title>Mazine</title>
</head>

<body>
	<div id="wraper">
        	<div id="head">
            	<div id="logo"><a href="#" ><img src="images/logo.jpg"/></a></div>
                <div id="clgt">
                	<ul id="user">
                    	<li><a href="#">my account</a></li>
                        <li><a href="#">login</a></li>
                        <li><a href="#">sign up</a></li>
                    </ul>
                	<ul id="money">
                    	<li><a href="#">$</a></li>
                        <li><a href="#">&euro;</a></li>
                        <li><a href="#">&pound;</a></li>
                    </ul>
                    <div class="clear"></div>
                </div>
                <div id="cart">
                	<p id="qty">2</p>
                    <p>products in  your shopping cart<br />
                    items chosen at $60 <a href="#">detail</a>
                    </p>
                </div>
                <div id="menu">
                	<ul>
                    	<li class="fir"><a href="index.html">home</a></li>
                        <li class="menu_sep"><img alt="sep" src="images/menu_sep.jpg" /></li>
                        <li class="mn_active"><a href="store.html">the store</a></li>
                       	<li class="menu_sep"><img alt="sep" src="images/menu_sep.jpg" /></li>
                        <li><a href="news.html">news</a></li>
                        <li class="menu_sep"><img alt="sep" src="images/menu_sep.jpg" /></li>
                        <li><a href="#">gallery</a></li>
                        <li class="menu_sep"><img alt="sep" src="images/menu_sep.jpg" /></li>
                        <li><a href="contact.html">contact</a></li>
                    </ul>
                </div>
                <form name="form1" method="post" action="">
                    	<input class="ip" type="text" name="search"  value="search"/>
                        <input class="sub" name="submit" type="submit" value="" />
                </form>
                
            </div><!-- end head --><!-- end head -->

        	<div id="content">           
            	<div id="content_left">
                	<div class="block_content">
                    	<h4 >Categories</h4>
                        <p>Sport</p>
                        <p>Accesories</p>
                        <p>Electronics</p>
                        <p>Casual</p>
                        <p>Denim</p>
                        <p>Visual</p>
                    </div>
                    <div class="block_content">
                    	<h4>Brands</h4>
                        <p>Adidas</p>
                        <p>Nike</p>
                        <p>GAP</p>
                        <p>Espirit</p>
                        <p>Old Navy</p>
                    </div>
                    <div class="block_content">
                    	<h4>Color</h4>
                        <p>Black</p>
                        <p>White</p>
                        <p>Pink</p>
                        <p>Blue</p>
                        <p>Yelow</p>
                    </div>                 	
                </div><!-- end left_ct -->
                
                <div id="content_right" class="clmal20">
                	<div id="fea">
                		<img src="images/featured.jpg" alt="featured" />
                    </div>
                	<h4 class="styleh4">Featured Products</h4>
                    <div id="sortproduct">
                    	<form name="sort" method="post" action="">
                        	<img src="images/conlili.jpg" align=" list product" />
                           list view <span style="padding-right:20px;">&nbsp;</span>
                            show                      
                            <select name="qlt" class="se1">
                            	<option value="6">6</option>
                                <option value="9">9</option>
                                <option value="12">12</option>
                                <option value="15">15</option>
                            </select>
                            per page<span style="padding-right:20px;">&nbsp;</span></span>
                            sortby
                            <select name="qlt" class="se2">
                            	<option value="name">name</option>
                                <option value="position">position</option>
                                <option value="date">date</option>
                                <option value="category">category</option>
                            </select>
                        </form>
                    </div>
                    <ul class="featured">
                    	<li class="clmal0">
                        	<img src="images/image1.jpg" alt=""  class="fima"/>
                            <strong class="fname">Bistro Tables</strong>
                            <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit</p>
                            <p class="fprice">$60.99</p>
                            <a href="#" class="node"> add to cart</a>
                        </li>
                        <li>
                        	<img src="images/image1.jpg" alt=""  class="fima"/>
                            <strong class="fname">Bistro Tables</strong>
                            <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit</p>
                            <p class="fprice">$60.99</p>
                            <a href="#" class="node"> add to cart</a>
                        </li>
                        <li>
                        	<img src="images/image1.jpg" alt=""  class="fima"/>
                            <strong class="fname">Bistro Tables</strong>
                            <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit</p>
                            <p class="fprice">$60.99</p>
                            <a href="#" class="node"> add to cart</a>
                        </li>
                        <li class="clmal0">
                        	<img src="images/image1.jpg" alt=""  class="fima"/>
                            <strong class="fname">Bistro Tables</strong>
                            <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit</p>
                            <p class="fprice">$60.99</p>
                            <a href="#" class="node"> add to cart</a>
                        </li>
                        <li>
                        	<img src="images/image1.jpg" alt=""  class="fima"/>
                            <strong class="fname">Bistro Tables</strong>
                            <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit</p>
                            <p class="fprice">$60.99</p>
                            <a href="#" class="node"> add to cart</a>
                        </li>
                        <li>
                        	<img src="images/image1.jpg" alt=""  class="fima"/>
                            <strong class="fname">Bistro Tables</strong>
                            <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit</p>
                            <p class="fprice">$60.99</p>
                            <a href="#" class="node"> add to cart</a>
                        </li>
                    </ul>
                    
                    <div class="pagging">
                    	<ul>
                        	<li><a href="" class="color1"><</a></li>
                            <li><a href="" class="color1">Previous</a></li>
                            <li class="act"><a href="">1</a></li>
                            <li><a href="">2</a></li>
                            <li><a href="">3</a></li>
                            <li><a href="">4</a></li>
                            <li><a href="">5</a></li>
                            <li><a href="" class="color1">Next</a></li>
                            <li><a href="" class="color1">></a></li>
                        </ul>
                    </div>
                </div><!-- end right_ct -->
                <div class="clear"></div>              
            </div><!-- end content -->
        
        	<div id="footer">
            
            	<ul id="newsf">
                	<li class="latestnews">
                    	<h6>latest news</h6>
                        <p>12.15.10  Dui in dolor elemtum si</p>
                        <p>12.06.10  Proin molestie magna</p>
                        <p>11.25.10  Sed sem volutpat laoreet</p>
                    </li>
                    <li>
                    	<h6>newsletter</h6>
                        <p>Sign up to our newslatter so we can send you site updates, offers and news</p>
                        <form>
                        	<input class="ip1" name="newlate" type="text"  value="email"/>
                            <input class="sub1" name="submit" type="submit"  value=""/>
                            <div class="clear"></div>
                        </form>
                        
                    </li>
                    <li>
                    	<h6>in touch</h6>
                        <ul id="sosial">
                        	<li><a href="#"> <img src="images/tco.png" alt="tco" /></a></li>
                            <li><a href="#"> <img src="images/fco.png" alt="fco" /></a></li>
                            <li><a href="#"> <img src="images/vco.png" alt="vco" /></a></li>
                            <li><a href="#"> <img src="images/rco.png" alt="rco" /></a></li>
                            <div class="clear"></div>
                        </ul>
                    </li>
                    <div class="clear"></div>
                </ul>
                <div class="clear"></div>
           		<ul id="menu_foot">                                  
                	<li>Copyright 2010 Amazin</li>
                    <li><a href="#">All right reserved</a></li>
                    <li><a href="#">Privacy policy</a></li>
                    <li><a href="#">Terms of service</a></li>
                </ul>
            </div><!-- end footer --> 
            
    </div><!-- end wraper -->
</body>
</html>
